What is the unit used in rotation?
Units Used in CSS Rotation
In CSS, rotation angles in the rotate() function are defined using angle units. These units determine how much an element is rotated clockwise or counterclockwise around its origin point.
Supported Units for Rotation
deg— degrees. A full circle equals 360deg (most commonly used).rad— radians. A full circle equals approximately 6.2832 radians (2π).grad— gradians. A full circle equals 400grads.turn— turns. A full circle equals 1turn.
Example: Using Different Rotation Units
While all these units are valid, deg (degrees) is most widely used for simplicity and readability.
Tip
Use positive angles for clockwise rotation and negative angles for counterclockwise rotation.
You can animate between different rotation units using
transitionoranimation.